<div class="ui-widget ui-widget-content ui-corner-all" id="editor">
    <form action="/js" method="post">
        <label>
            Spelling: <input type="text"
                             data-bind="value: editor.spelling"
                             title="Type spelling here"
                             class="ui-corner-all ui-state-default" />
        </label>
        <label>
            Transcription: <input type="text"
                                  data-bind="value: editor.transcription"
                                  title="Type transcription here"
                                  class="ui-corner-all ui-state-default" />
        </label>
        <label>Translations (each on new line):
            <textarea cols="40" rows="5"
                      data-bind="value: editor.translations"
                      title="Type each translation on new line"
                      class="ui-corner-all ui-state-default"></textarea>
        </label>
        <br />
        <input type="button" data-bind="click: saveWord" value="Save" />
        <input type="button" data-bind="click: closeEditor" value="Cancel" />
        <input type="button" data-bind="click: openBatchDialog" value="Batch Add" />
    </form>
</div>